/*
Copyright: Darren Hester 2006, http://www.designsbydarren.com
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by-nc/2.5/


added 320 pixels to the width

*/

body {
  text-align: center;
  background: #aaaaaa;
  margin-top:30px;
  margin-bottom:30px;
  color:#333333;
}

A:link {
	COLOR: #000000; text-decoration: underline
}
A:visited {
	COLOR: #000000; text-decoration: underline
}
A:active {
	COLOR: #000000; text-decoration: underline
}
A:hover {
	COLOR: #000000; text-decoration: none
}

#page_wrapper {
  background: #000000;
  margin-left: auto; 
  margin-right: auto;
  width: 960px;
  text-align: left;
  padding: 6px;

}

#splash_page_wrapper {
  background: #000000;
  margin-left: auto; 
  margin-right: auto;
  width: 845px;
  text-align: left;
  padding: 6px;
}

#page_header {
  height: 140px;
  background: #515230 url('../img/dogsiloheader.jpg') top left no-repeat;
  margin-bottom: 4px;
}  

#page_header h1 {
  padding-top:30px;
  padding-left: 20px;
  font-family: verdana, helvetica, sans-serif;
  font-size:26px;
  font-weight:bold;  
  color: #FCF8E3;
  letter-spacing: -1px;
  margin:0px;
}
#page_header h2 {
  padding-top:0px;
  padding-left: 20px;
  font-family: verdana, helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;  
  color: #E2D179;
  margin:0px;  
}

#menu_bar {
  height:30px;
  background: #515230;
  margin-top: 6px;
  text-align: right;
}

#navcontainer ul
{
padding-left: 0;
margin: 0 auto;
margin-top:5px;
background-color: transparent;
color: #F3E7A9;
float: left;
width: 100%;
font-family: verdana, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: transparent;
color: #F3E7A9;
text-decoration: none;
float: left;
border-right: 1px solid #BBB774;
}

#menu_bar table td
{
    color: #fff;
    vertical-align: middle;
}

#menu_bar table td a
{
    background-color: transparent;
    color: #F3E7A9;
    text-decoration: none;
    font-family: verdana,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
}



#navcontainer ul li a:hover
{
background-color: transparent;
color: #fff;
}

#content_wrapper {
  /* background: transparent url('../img/content_bg.jpg') top left no-repeat;*/
  position: relative;
}

#left_side {
  background: #f3e7aa;
  padding: 10px;
}
  
#left_side h3 { 
  font-family: verdana;
  font-size:14px;
  font-weight: bold;
  line-height:18px;
  color: #A0410D;
}
  
#left_side p {
  font-family: verdana;
  font-size:12px;
  line-height:18px;
  color: #333333;
}

#right_side {

  width:308px;
  background: #f1c969;
  margin: 4px;
}
  
#right_side h3 {
  margin-bottom: 5px;
  font-family: verdana;
  font-size:12px;
  font-weight: bold;
  line-height:16px;
  color: #FCF8E3;
  background: #515230;
  padding:4px;
}
  
#right_side p {
  margin:5px;
  margin-bottom:15px;
  padding-right:10px;
  font-family: verdana;
  font-size:11px;
  line-height:16px;
  color: #333333;
}

#right_side_content
{
    margin: 4px;
}

#page_footer {
  height: 70px;
  background: #515230;
  margin-top:-0px;
  text-align:center;
}  

#page_footer A:link {
	COLOR: #F2C968; text-decoration: underline
}
#page_footer A:visited {
	COLOR: #F2C968; text-decoration: underline
}
#page_footer A:active {
	COLOR: #F2C968; text-decoration: underline
}
#page_footer A:hover {
	COLOR: #F2C968; text-decoration: none
}

#page_footer p {
  text-align:center;
  padding-top:20px;
  font-family: verdana;
  font-size:11px;
  line-height:16px;
  color: #FCF8E3;
}

.spacer {
  margin:0px;
  padding:0px;
  height:6px;
  clear:both;
}

.spacerbottom {
  margin:0px;
  padding:0px;
  height:0px;
  clear:both;
}

#slideshow_area
{
    background: #cccccc;
}

#navlinks {
  background: #F3E7A9;
  margin-left: auto; 
  margin-right: auto;
  width: 845px;
  text-align: left;
  padding: 6px;
}


.dogdetail 
{
    width: 642px;
    margin: auto;
    background: transparent;
    margin-top: 20px;
}



    
.dogphoto 
{
    float:left;
    width:300px;
    background: transparent;
}

.dogphoto img
{
    border: thin solid black;
}

    
.doginfo 
{
    padding: 10 0 10 0;
    float:right;
    width:322px;
    background: transparent;
}   

h4
{
    color: #515230;
    margin: 0px;
    padding: 0;
    margin-bottom: 4px;
    font-size: 14px;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
}
        
.pedigree
{
    clear:both;
    padding:5px 10px;
    background: transparent;
}        
         
.doginfo table
{
    width: 316px;
    border: thin solid #aaaaaa;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    border-collapse: collapse;
}

.doginfo td
{
    padding: 4px;
}

.doginfo .columnLabel
{
    font-weight: bold;
}

.doginfo .oddRow
{
    background-color: #ffffcc;
}

.pedigree
{
    visibility: collapse;
}



#page_summary
{

    margin: 0px;
    padding: 8px;
    width: 630px;
}

#page_summary h3
{
  font-family: verdana;
  font-size:14px;
  font-weight: bold;
  line-height:18px;
  color: #A0410D;
}

#page_summary p
{
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 12px;

}


/* three column styles */


#inner_wrapper
{
    background:#ffffff url('../Images/background.png') repeat right top;
   /* background: url("images/background.png") repeat;*/
}

.wrapper 
{
    /*
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 952px;
	background: url("/path/to/your/background_cols.gif") repeat;
*/

padding-bottom: 32px;

}

.header {
	margin: 0;
	background: transparent;
	padding: 8px 0 6px 8px;
}

.side-a {
	float: left;
	width: 306px;
	background: #transparent;	
	padding: 0px 8px 0px 8px;
}

.side-b {
	float: right;
	width: 314px;
	background: #transparent;	
}

.side-b p
{
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 12px;
    margin: 0 0 6px 0;
    padding: 0px 8px 8px 8px;
}

.content { 
	float: left;
	width: 318px;
	background: #transparent;	
}

.footer {
	clear: both;
	background: #transparent;
	visibility: visible;
	height: 1px;
	padding-left: 8px;
	width: 300px;
	text-align: center;
}

.extraInfoButtons
{
    margin-top: 4px;
    float: left;
}